.transprsent_cont {
  width: 400px;
  position: relative;
  margin: 50px auto 0;
  padding-top: 20px; }
  .transprsent_cont li {
    display: inline-block;
    width: 100%;
    height: 50px;
    list-style: none;
    padding: 10px;
    position: relative; }
    .transprsent_cont li .time_cont {
      display: inline-block;
      vertical-align: middle;
      width: 50px;
      height: 100%; }
    .transprsent_cont li span {
      vertical-align: middle;
      display: inline-block; }
    .transprsent_cont li .dot,
    .transprsent_cont li .last {
      margin-right: 20px; }
    .transprsent_cont li .last {
      width: 18px;
      height: 18px;
      background: url(../images/arrow.png);
      background-size: 18px 18px; }
    .transprsent_cont li .dot {
      width: 6px;
      height: 6px;
      background: #53a9f8;
      border: 6px solid rgba(227, 239, 239, 0.96);
      border-radius: 50%; }
  .transprsent_cont .msg,
  .transprsent_cont .time_tree {
    display: inline-block; }
  .transprsent_cont .time_tree {
    width: 3px;
    border: 2px solid white;
    background: #cacbc9;
    position: absolute;
    top: 45px;
    left: 66px; }
